// test
@mixin xxx{
  border: 1px solid #000000;
}
// base color
$green-light:#c2e7b0;
$green-weight:#67c23a;
$blue-light:#b3d8ff;
$blue-weight:#409eff;
$orange-light:#f5dab1;
$orange-weight:#e6a23c;
$red-light:#fbc4c4;
$red-weight:#f56c6c;
$gray-light:#d3d4d6;
$gray-weight:#909399;
$purple-light:#9999ff;
$purple-weight:#7231d1;
$cyan-light:#98f4f7;
$cyan-weight:#13c2c7;
$white:#ffffff;
$black-light:#2c3e50;
$black-weight:#000000;
// page color
$sidebar-bg:#fafafa;
$sidebar-border: #edecec;
$sidebar-color:#595959;
$sidebar-line: #edecec;
$sidebar-hover: #f5f7fa;
// base padding
.qy-padl4{padding-left: 4px;}
.qy-padl10{padding-left: 10px;}
.qy-padr4{padding-right: 4px;}
// scroll
.qy-scroll-x{
  display: -webkit-box;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.qy-scroll-y{
  overflow-y: scroll;
}

// font-limits
.qy-font-limits{
  white-space:nowrap;overflow:hidden;-webkit-line-clamp:1;text-overflow:ellipsis;
}
// font-weight
.qy-font-weight{
  font-weight: bolder;
}


//base page style
.qy-box-space{
  width: 80vw;
  height: auto;
  margin-top: 80px;
  margin-bottom: 20px;
  margin-left: 10vw;
  font-size: 14px;
}